<script>
    export default {
        data() {
            return {}
        },
        props:{
            LeisureInfo:{
                type:Object,
                default:()=>{},
            }
        },
        components: {},
        methods: {},
        mounted(){},
        created() {}
    }
</script>
<template>
    <div class="BaseLeisure">
        <img :class="LeisureInfo.className" :src="LeisureInfo.leisureIcon" alt="">
        <span :class="LeisureInfo.labelclassName">{{LeisureInfo.leisureLabel}}</span>
        <div class="LeisureBtn" v-if="LeisureInfo.showLeisureBtn">
            <span>去逛逛</span>
        </div>
    </div>
</template>
<style lang='scss'>
@import "BaseLeisure";
</style>
